// 全局样式变量 - 绿色环保主题

// 主色调 - 绿色环保系统
$primary-color: #52c41a;           // 主绿色
$primary-color-light: #73d13d;     // 浅绿色
$primary-color-lighter: #95de64;   // 更浅绿色
$primary-color-dark: #389e0d;      // 深绿色
$primary-color-darker: #237804;    // 更深绿色

// 辅助色
$success-color: #52c41a;           // 成功色(绿色)
$warning-color: #faad14;           // 警告色(橙色)
$error-color: #ff4d4f;             // 错误色(红色)
$info-color: #1890ff;              // 信息色(蓝色)

// 中性色
$text-color-primary: #262626;
$text-color-secondary: #595959;
$text-color-tertiary: #8C8C8C;
$text-color-placeholder: #BFBFBF;

$background-color: #FFFFFF;
$background-color-light: #FAFAFA;
$background-color-dark: #F5F5F5;

$border-color: #D9D9D9;
$border-color-light: #F0F0F0;

// 间距
$spacing-xs: 4rpx;
$spacing-sm: 8rpx;
$spacing-md: 16rpx;
$spacing-lg: 24rpx;
$spacing-xl: 32rpx;
$spacing-xxl: 48rpx;

// 字体大小
$font-size-xs: 20rpx;
$font-size-sm: 24rpx;
$font-size-md: 28rpx;
$font-size-lg: 32rpx;
$font-size-xl: 36rpx;
$font-size-xxl: 40rpx;

// 行高
$line-height-sm: 1.2;
$line-height-md: 1.5;
$line-height-lg: 1.8;

// 圆角
$border-radius-sm: 4rpx;
$border-radius-md: 8rpx;
$border-radius-lg: 12rpx;
$border-radius-xl: 16rpx;

// 阴影
$box-shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
$box-shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
$box-shadow-lg: 0 8rpx 24rpx rgba(0, 0, 0, 0.12);

// Z-index
$z-index-popup: 1000;
$z-index-modal: 2000;
$z-index-toast: 3000;

// 过渡动画
$transition-duration: 0.3s;
$transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);